﻿
<!DOCTYPE html> 
<html lang="en-US"> 
	<head> 
		<meta charset="UTF-8"> 
		<title>Grayscale Image Hover Demo</title> 
		<link rel="stylesheet" href="style.css" /> 
	</head> 
	<body> 
		<header> 
			<h1>Grayscale Image Hover Demo</h1> 
		</header> 
		<figure> 
			<img src="seal.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/barbarawalsh/5517303759/">Seal sunbathing in dingle</a> by Barbara Walsh
			</figcaption> 
		</figure> 
		<figure> 
			<img src="morninglake.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/stuckincustoms/4247290972/">The Glacially Still Morning Lake</a> by Trey Ratcliff
			</figcaption> 
		</figure> 
		<figure> 
			<img src="newyork.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/stuckincustoms/3946279121/">From New York to Tokyo</a> by Trey Ratcliff
			</figcaption> 
		</figure> 
		<figure> 
			<img src="frog.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/kevenlaw/3005103471/">Springing back...Hot dog, jumping frog....</a> by Keven Law
			</figcaption> 
		</figure> 
		<figure> 
			<img src="carro.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/kom_bo/3526084100/">¿Donde estará mi carro?</a> by Kom Bo
			</figcaption> 
		</figure> 
		<figure> 
			<img src="woods.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/stuckincustoms/3858519592/">The Hot Stream Through the Morning Forest</a> by Trey Ratcliff
			</figcaption> 
		</figure> 
		<figure> 
			<img src="murugan.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/stuckincustoms/222666705/">Lord Murugan's Domain</a> by Trey Ratcliff
			</figcaption> 
		</figure> 
		<figure> 
			<img src="window.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/roel1943/5931993046/">Window with blues shutters</a> by Roel Wijnants
			</figcaption> 
		</figure> 
		<figure> 
			<img src="rathaus.jpg" width="300" height="200" /> 
			<figcaption> 
				<a href="http://www.flickr.com/photos/sprengben/5764568623/">Hannover Rathaus</a> by Spreng Ben
			</figcaption> 
		</figure> 
		<footer> 
			<p>Get Grayscale Image Hover now on <a href="https://github.com/realityking/grayscale-image-hover" class="logo"><img src="images/github.png" class="defaultlogo" alt="GitHub" height="20" width="44" /><img src="images/github-hover.png" alt="GitHub" height="20" width="44" /></a> 
		</footer> 
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/image/effect/greyscalehover.js"></script>
	<body> 
</html>